<!-- <div class="personal-center-container">
  <aside>
    <ul nz-menu nzMode="vertical">
      <li nz-menu-item [nzMatchRouter]="true" [nzSelected]="true">
        <a routerLink="/personal-center/personal-data">个人资料</a>
      </li>
      <li nz-menu-item>
        <a routerLink="/personal-center/rent-management">租房管理</a>
      </li>
      <li nz-menu-item>
        <nz-badge [nzCount]="5">
          <a routerLink="/personal-center/message-notification">消息通知</a>
        </nz-badge>
      </li>
      <li nz-menu-item>
        <a routerLink="/personal-center/rent-collection">收藏</a>
      </li>
      <li nz-menu-item>
        <a routerLink="/personal-center/reverse-management">预约管理</a>
      </li>
    </ul>
  </aside>
  <main>
    <router-outlet class="section"></router-outlet>
  </main>
</div> -->


<!-- 个人中心 -->
<div class="personal-center-container">
  <div class="personal-center-container-box">
    <aside>
      <ul nz-menu nzMode="vertical">
        <li nz-menu-item>
          <a routerLink="/personal-center/personal-data">个人资料</a>
        </li>
        <li nz-menu-item>
          <a routerLink="/personal-center/rent-management">租房管理</a>
        </li>
        <li nz-menu-item>
          <nz-badge [nzCount]="messageCnt">
            <a routerLink="/personal-center/message-notification">消息通知</a>
          </nz-badge>
        </li>
        <li nz-menu-item>
          <a routerLink="/personal-center/rent-collection">收藏</a>
        </li>
        <li nz-menu-item>
          <a routerLink="/personal-center/reverse-management">预约管理</a>
        </li>
      </ul>
    </aside>
    <main>
      <router-outlet></router-outlet>
    </main>
  </div>
</div>
